//Ext.BLANK_IMAGE_URL是空白图片（1x1px）的地址，默认为http://extjs.com/s.gif
Ext.BLANK_IMAGE_URL = 'js/ext-3.4.0/resources/images/default/s.gif';
//var root_path = <%=path %>;
/**
 * 登录页面功能函数
 */
var login = function() {
	//初始化工具提示，这样组件就能自动进行工具提示
	Ext.QuickTips.init();
	//初始化传输时的编码
	Ext.lib.Ajax.defaultPostHeader += ";charset=UTF-8";
	//状态管理，采用了cookie的状态管理方式，也就是一些状态的数据保存在cookie中
	Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
	//实现功能
	
	//表单，采用FormPanel类作为form表单的布局面板
	var form = new Ext.FormPanel({
		defaultType:'textfield',//所有子组件如果没有指定类型，则默认为文本框
		labelAlign:'right',//标签的对齐方式：右对齐
		labelWidth:60,//标签的宽度
		region:'center',//取代reginon:center处的位置
		waitMsgTarget:true,//弹出等待框
		defaults:{
			border:false,
			allowBlank:false,//非空验证
			blankText:'不能为空',
			msgTarget:'qtip'//在右面显示提示内容
		},
		style:'background:#ffffff;padding:25px 35px 30px 16px;',
		items:[
			//fieldLabel作为该字段的标签，name用来标识该输入框元素，提交时取值用
			{
				fieldLabel:'账号',
				id:'userName',
				name:'userName',
				regex:/^[a-zA-Z0-9]{6,20}/,
				regexText:'只能为6到20位大小写字母和数字'
			},
			{
				fieldLabel:'密码',
				inputType:'password',
				id:'password',
				name:'password',
				regex:/^.{6,16}$/,
				regexText:'长度在6到16位之间'
			},
//			{
//				fieldLabel:'验证码',
//				name:'checkCode',
//				width:'50px'
//			},
    		{
    			xtype:'panel',
    			layout:'column',
    			defaults:{border:false},
    			items:[
    				{
	    				columnWidth:.64,
	    				layout:'form',
	    				defaultType:'textfield',
	    				defaults:{
	    					allowBlank:false,//非空验证
							blankText:'不能为空',
							msgTarget:'qtip'//side在右面显示提示内容(side/under/title/qtip)
	    				},
	    				items:[{
		    				fieldLabel:'验证码',
		    				id:'validCode',
							name:'validCode',
							width:'50px'
	    				}]
    				},
	    			{
	    				xtype:'panel',
	    				layout:'border',
	    				defaults:{border:false},
	    				columnWidth:.36,
	    				height:22,
	    				items:[{
	    					region:'center',
	    					html:'<img id="check_pic" src="servlet/ValidCodeServlet" width="60" height="20" style="cursor:pointer;" onclick="chgPic(this)"/>'
	    				}]
	    				
	    			}
    			]
    			
    		}
		],
		buttons:[
			//
			{
				text:'登录',
				handler:function() {
					form.getForm().submit({
						url:'LoginServlet',//提交url
						method:'POST',
						waitMsg:'正在提交，请稍等...',
						success:function(form, action) {
							window.location.href = action.result.url;
						}
//						,
//						failure:function(form, action) {
//							Ext.Msg.alert("failure:" + action.result.errors);
//						}
					});
					
				}
			},
			{
				text:'重置',
				handler:function() {
					form.getForm().reset();
				}
			}
		]
	});
	
	//定义面板
	var panel = new Ext.Panel({
		renderTo:'login_panel',
		layout:'border',
		width:550,
		height:290,
		//容器中每个子组件默认加上边框，在此取消边框
		defaults:{border:false},
		items:[
			{
				//顶部
				region:'north',
				height:56,
				html:''
			},
			{
				//底部
				region:'south',
				height:56,
				html:''
			},
			{
				//中左
				region:'west',
				width:290,
				html:''//'<img src="pic/lovely.jpeg"/>'
			},form
//			{
//				//中右
//				region:'center',
//				html: '&nbsp;'
//			}
		]
	});
	
	//设置居中
	Ext.get('login_panel').setStyle('position', 'absolute').center(Ext.getBody());
	
};
/**
 * 更换验证码图片
 * 
 * @param {} obj img标签对象
 */
function chgPic(obj) {
	obj.src = 'servlet/ValidCodeServlet?'+new Date().getTime();
}
Ext.onReady(login);
